/*   offer   */

.offer {
 background: url("../img/offer-bg-bottom.png") 50% 100% no-repeat #f0f3ee;
 padding: 0 0 30px;
}

.offer .head {
 background: url("../img/head-title.jpg") 50% 0 no-repeat #f9517c;
 height: 100px;
 color: #fff;
 text-align: center;
}

.offer .head p {
 font-size: 20px;
 letter-spacing: 1.3px;
 text-transform: uppercase;
 padding-bottom: 8px;
}

.offer .head p span {
 display: inline-block;
 vertical-align: top;
 padding: 7px 20px;
 background: #e3466e;
 border-radius: 0 0 20px 20px;
}

.offer h1 {
 color: #fff;
 font-size: 42px;
 line-height: 42px;
 text-align: center;
 text-transform: uppercase;
 text-shadow: 2px 0 0 #e0496f;
 letter-spacing: 2px;
}

.offer .box {
 position: relative;
 background: url("../img/offer.jpg") 50% 0 no-repeat;
 height: 420px;
}

.offer .box .desc {
 font-size: 19px;
 line-height: 32px;
 color: #fff;
 max-width: 230px;
 padding: 20px;
}

.offer .box .desc span {
 display: block;
 font-size: 38px;
 padding-bottom: 8px;
}

.offer .sale {
 position: absolute;
 right: 0;
 bottom: 0;
 background: url("../img/sale-bg.png") 0 0 no-repeat;
 width: 248px;
 height: 88px;
 overflow: hidden;
 font-size: 13px;
 color: #fff;
 font-weight: 700;
 text-transform: uppercase;
}

.offer .sale span {
 position: absolute;
 top: 40px;
 right: 15px;
 display: inline-block;
 text-transform: uppercase;
 -moz-transform: rotate(-20deg);
 -o-transform: rotate(-20deg);
 -webkit-transform: rotate(-20deg);
 transform: rotate(-20deg);
}

.offer .sale b {
 font-size: 29px;
 vertical-align: sub;
}

.offer .sale i {
 font-style: normal;
 font-size: 24px;
 vertical-align: sub;
}

.offer .order_form {
 padding: 0 40px;
}

.offer .bullet {
 background: #fff;
 padding: 5px 0;
 margin: 0 -40px;
}

.offer .bullet li {
 font-size: 16px;
 color: #333;
 padding: 13px 20px 13px 30px;
 line-height: 24px;
 border-bottom: 1px solid #efefef;
}

.offer .bullet li:last-child {
 border-bottom: 0;
}

.offer .bullet li:after {
 display: block;
 clear: both;
 content: '';
}

.offer .bullet li:before {
 display: block;
 float: left;
 vertical-align: middle;
 margin: 8px 18px 0 0;
 background: url("../img/chec-icon.png") 0 0 no-repeat;
 width: 19px;
 height: 15px;
 content: '';
}

.offer .bullet li p {
 display: block;
 overflow: hidden;
 padding-top: 3px;
}

.offer .bullet li p span {
 display: block;
 font-size: 14px;
 color: #bd6ab7;
}

.offer .bullet li p span:after {
 display: inline-block;
 vertical-align: bottom;
 background: url("../img/arrow-down.png") 0 0 no-repeat;
 width: 93px;
 height: 13px;
 content: '';
 margin-left: 15px;
}

.offer .header-form {
 padding-top: 20px;
}

.offer .stock {
 color: #333;
 text-align: center;
 padding-top: 35px;
}

.offer .stock span {
 font-weight: 700;
 background: #bd6ab7;
 color: #fff;
 padding: 5px 10px;
 margin: 0 5px;
 -webkit-border-radius: 4px;
 -moz-border-radius: 4px;
 border-radius: 4px;
}

.offer .title_form {
 text-align: center;
 padding: 5px 0 20px;
}

.offer .title_form h4 {
 font-size: 24px;
 font-weight: 400;
 padding-bottom: 5px;
}

.video-container {
 position: relative;
 padding-bottom: 56.25%;
 height: 0;
 overflow: hidden;
 background: #d9afd6;
}

.video-container iframe,
.video-container object,
.video-container embed,
.video-container .youtube {
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
}

.video {
 padding: 0;
}

.video h2 {
 text-align: center;
 margin-bottom: 20px;
 font-size: 19px;
 text-transform: uppercase;
}

.video h2 span {
 color: #f99507;
}

/*   b1   */

.b1 {
 padding-bottom: 0;
}

/*   list-v1   */

.list-v1 {
 font-size: 0;
 padding: 0 10px;
}

.list-v1 li {
 display: inline-block;
 vertical-align: top;
 width: 50%;
 font-size: 16px;
 text-align: center;
 padding-bottom: 35px;
}

.list-v1 img {
 display: block;
 margin: 0 auto 15px;
 -webkit-border-radius: 8px;
 -moz-border-radius: 8px;
 border-radius: 8px;
}

.list-v1 .item {
 width: 210px;
 margin: 0 auto;
 background: #f9517c;
 border-radius: 8px;
 color: #fff;
 padding-bottom: 15px;
}

.list-v1 .item p {
 font-size: 16px;
}

.list-v1 li:last-child img {

}

.list-v1 p {
 padding: 0 10px;
 font-size: 18px;
 line-height: 24px;
}

.list-v1 h4 {
 font-size: 18px;
 line-height: 24px;
 text-align: center;
 padding: 0 30px 10px;
}

/*   b2   */

.b2 h2.title {
 padding: 0 20px;
}

.b2 h2.title span {
 color: #bd6ab7;
}

.b2 .image {
 display: block;
 margin: 0 auto 15px;
}

.b2 .image.gif {
 -webkit-border-radius: 6px;
 -moz-border-radius: 6px;
 border-radius: 6px;
}

.b2 p {
 line-height: 30px;
 padding: 0 20px 15px;
 text-align: center;
}

.b2 .button-m {
 margin-top: 15px;
}

/*   b3   */

.b3 {
 background: url("../img/offer-bg-bottom.png") 50% 100% no-repeat #f0f3ee;
 padding-top: 0;
}

.b3 .alert {
 background: url("../img/b3-im-bg.jpg") 50% 0 no-repeat;
 height: 450px;
 padding-top: 195px;
 margin-bottom: 30px;
}

.b3 .alert p {
 max-width: 320px;
 font-size: 20px;
 font-weight: 700;
 line-height: 30px;
 color: #f9517c;
 text-align: center;
 padding: 0 20px;
}

.b3 h3 {
 font-size: 24px;
 color: #bd6ab7;
 text-align: center;
 text-transform: uppercase;
 padding-bottom: 30px;
}

/*   b4   */

.b4 {
 padding-bottom: 40px;
}

.b4 h2 span {
 color: #bd6ab7;
}

.list-v2 {
 padding: 0 20px;
}

.list-v2 li {
 position: relative;
 display: table;
 width: 100%;
 height: 146px;
 margin-bottom: 30px;
}

.list-v2 li:last-child {
 margin-bottom: 0;
}

.list-v2 li:nth-child(odd) {
 padding-left: 180px;
}

.list-v2 li:nth-child(even) {
 padding-right: 180px;
 text-align: right;
}

.list-v2 .txt {
 display: table-cell;
 vertical-align: middle;
 font-size: 18px;
}

.list-v2 .txt h4 {
 padding-bottom: 5px;
}

.list-v2 img {
 position: absolute;
 top: 0;
 display: block;
 border-radius: 4px;
}

.list-v2 li:nth-child(odd) img {
 left: 0;
}

.list-v2 li:nth-child(even) img {
 right: 0;
}

/*   result item   */

.result_item {
 position: relative;
 margin-bottom: 6px;
}

.result_item img {
 display: block;
}

.result_item:last-child {
 margin-bottom: 0;
}

/*   b5   */

.b5 {
 padding: 10px 0 0;
}

.b5 .alert {
 background: url("../img/b5-alert-bg.jpg") 50% 0 no-repeat;
 height: 441px;
 padding: 175px 20px 20px 225px;
 margin-bottom: 4px;
 text-align: right;
 color: #fff;
}

.b5 .alert h4 {
 font-size: 70px;
 line-height: 70px;
 padding-bottom: 20px;
}

.b5 .alert p {
 font-weight: 700;
 font-size: 20px;
 line-height: 30px;
 color: #fff;
 padding-left: 15px;
}

/*   check list   */

.check-list {
 padding: 0 30px 30px;
}

.check-list li {
 min-height: 30px;
 margin-bottom: 18px;
}

.check-list li:last-child {
 margin-bottom: 0;
}

.check-list li:before {
 display: block;
 float: left;
 background: url("../img/check-icon2.png") 0 0 no-repeat;
 width: 19px;
 height: 15px;
 margin-top: 10px;
 margin-right: 20px;
 content: '';
}

.check-list li:after {
 display: block;
 clear: both;
 content: '';
}

.check-list li p {
 padding-top: 3px;
 overflow: hidden;
}

.b6 {
 padding-bottom: 45px;
 background: rgb(249, 81, 124);
 background: -moz-linear-gradient(45deg, rgba(249, 81, 124, 1) 0%, rgba(255, 116, 178, 1) 45%, rgba(189, 106, 183, 1) 100%);
 background: -webkit-linear-gradient(45deg, rgba(249, 81, 124, 1) 0%, rgba(255, 116, 178, 1) 45%, rgba(189, 106, 183, 1) 100%);
 background: linear-gradient(45deg, rgba(249, 81, 124, 1) 0%, rgba(255, 116, 178, 1) 45%, rgba(189, 106, 183, 1) 100%);
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f9517c", endColorstr="#bd6ab7", GradientType=1);
}

.b6 h2.title,
.b6 h2.title span {
 font-size: 28px;
 line-height: 36px;
 color: #fff;
}

.b6 .benefits-list {
 padding-bottom: 30px;
}

.b6 .benefits-list li {
 color: #fff;
}

.b6 .benefits-list li:last-child {
 margin-bottom: 0;
}

.b7 {
 padding: 0 0 6px;
}

.b7 .head-title {
 font-weight: 700;
 font-size: 25px;
 line-height: 32px;
 color: #fff;
 text-align: center;
 background: #f9517c;
 padding: 20px 10px;
}

/*   benefits list   */

.benefits-list {
 padding: 0 20px;
}

.benefits-list li {
 display: table;
 position: relative;
 min-height: 179px;
 margin-bottom: 10px;
}

.benefits-list .pic {
 position: absolute;
 left: 0;
 top: 50%;
 margin-top: -90px;
 padding: 19px 0 0 19px;
 display: block;
 width: 179px;
 height: 179px;
 background: url("../img/bg-pic.png") 0 0 no-repeat;
}

.benefits-list .pic img {
 display: block;
 -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
 -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
 box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
 -webkit-border-radius: 8px;
 -moz-border-radius: 8px;
 border-radius: 8px;
}

.benefits-list .txt {
 display: table-cell;
 vertical-align: middle;
 padding-left: 190px;
}

.benefits-list .txt h4 {
 font-size: 22px;
 padding-bottom: 10px;
}

/*   b8   */

.b8 {
 padding-bottom: 20px;
}

.b8 h2.title {
 font-weight: 700;
 font-size: 32px;
}

.b8 h2.title span {
 color: #bd6ab7;
}

.b8 .image {
 display: block;
 margin: 0 auto;
}

.b8 .attention {
 position: relative;
 background: #bd6ab7;
 color: #fff;
 text-align: center;
 border-radius: 15px;
 margin: 0 20px;
 padding: 50px 20px 20px;
}

.b8 .attention:after {
 position: absolute;
 top: -37px;
 left: calc(50% - 37px);
 display: block;
 width: 74px;
 height: 74px;
 background: url("../img/attention-icon.png") 50% 0 no-repeat;
 content: '';
}

.b8 .attention h5 {
 font-size: 20px;
 padding-bottom: 10px;
}

.b8 .attention p {
 padding-bottom: 10px;
}

.b8 .attention p:last-child {
 padding-bottom: 0;
}

/*   b9   */

.b9 {
 background: rgb(249, 81, 124);
 background: -moz-linear-gradient(45deg, rgba(249, 81, 124, 1) 0%, rgba(255, 116, 178, 1) 45%, rgba(189, 106, 183, 1) 100%);
 background: -webkit-linear-gradient(45deg, rgba(249, 81, 124, 1) 0%, rgba(255, 116, 178, 1) 45%, rgba(189, 106, 183, 1) 100%);
 background: linear-gradient(45deg, rgba(249, 81, 124, 1) 0%, rgba(255, 116, 178, 1) 45%, rgba(189, 106, 183, 1) 100%);
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f9517c", endColorstr="#bd6ab7", GradientType=1);
}

.b9 h2.title,
.b9 h2.title span {
 color: #fff;
}

.b9 h2.title {
 margin-bottom: 25px;
}

.b9 .txt {
 font-weight: 700;
 font-size: 16px;
 line-height: 30px;
 text-align: center;
 color: #fff;
 padding: 0 40px 25px;
}

.b9 .box {
 width: 440px;
 margin: 0 auto 30px;
 background: #fff;
 border-radius: 6px;
}

.b9 .box > img {
 display: block;
 margin-bottom: -20px;
 border-radius: 6px 6px 0 0;
}

.b9 .box h3 {
 font-size: 20px;
 text-align: center;
 padding-bottom: 30px;
}

/*   list-v3   */

.list-v3 {
 padding: 0 20px 20px;
}

.list-v3 li {
 position: relative;
 min-height: 58px;
 padding-left: 75px;
 margin-bottom: 15px;
}

.list-v3 li:last-child {
 margin-bottom: 0;
}

.list-v3 p {
 padding-top: 5px;
}

.list-v3 .num {
 position: absolute;
 left: 0;
 top: cacl(50% -29px);
 width: 58px;
 height: 58px;
 line-height: 58px;
 text-align: center;
 font-size: 28px;
 font-weight: 700;
 color: #bd6ab7;
 background: #f8f0f8;
 border-radius: 50%;
}

.list-v3 .num span {
 font-size: 14px;
}

.list-v3 li:nth-child(even) .num {
 color: #f9517c;
 background: #feedf2;
}

/*   reviews   */

.reviews {
 background: #f8f8f8;
 padding-bottom: 40px;
}

.reviews a.button-m {
 margin-top: 10px;
}

.reviews .item .info {
 position: relative;
 padding: 25px 30px 15px 100px;
 color: #555;
 background: url("../img/quote-icon.png") 405px 25px no-repeat #fff;
}

.reviews .item .info img {
 display: block;
 position: absolute;
 left: 30px;
 top: 25px;
 -webkit-border-radius: 50%;
 -moz-border-radius: 50%;
 border-radius: 50%;
}

.reviews .item .info h4 {
 font-weight: 400;
 font-size: 18px;
 padding-top: 5px;
}

.reviews .photo img {
 display: block;
}

.reviews .item .txt {
 padding: 20px;
}

.reviews .item .txt h5 {
 font-weight: 700;
 text-align: center;
 padding-bottom: 10px;
}

.reviews .item .txt p {
 line-height: 30px;
 text-align: center;
}

/*   order list   */

.order_list {
 padding: 0 20px;
}

.order_list .item {
 padding-bottom: 45px;
}

.order_list .item:last-child {
 padding-bottom: 0;
}

.order_list .item:after {
 clear: both;
 display: table;
 content: '';
}

.order_list .item:nth-child(even) img {
 float: right;
}

.order_list .item img {
 display: block;
 float: left;
 -webkit-border-radius: 10px;
 -moz-border-radius: 10px;
 border-radius: 10px;
}

.order_list .item .text {
 overflow: hidden;
 text-align: center;
}

.order_list .item h4 {
 font-size: 20px;
 color: #000;
 padding-bottom: 2px;
}

.order_list .item p {
 font-size: 14px;
 line-height: 24px;
}

.order_list .item:nth-child(odd) .text {
 padding-left: 20px;
}

.order_list .item:nth-child(even) .text {
 padding-right: 20px;
}

/*   footer   */

.footer {
 text-align: center;
 padding: 40px 0 30px;
}

.footer img {
 display: block;
 margin: 0 auto 15px;
}

.footer a {
 display: inline-block;
 font-size: 14px;
 color: #333;
 margin: 0 10px;
}

.footer a:hover {
 text-decoration: none;
}

.copyright { font-size: 14px;text-align: center; padding:20px 0;color: #6C6E6F;}
.copyright p { width: 100%; text-align: center; padding: 0; margin: 0; }
.copyright br { display: none; }
.copyright img { margin: 10px auto!important; max-width:100%; }
.copyright a {color: #6C6E6F; text-decoration: none;}
.copyright a:hover { color:#FF0069; text-decoration: none; }

.errField { display:none; font-size: 14px; background: #f00; color: #fff; text-align: center; padding: 10px; margin-bottom:10px; }

.errorMessage {font-size: 11px;background: rgba(255, 0, 0, 0.64);color: #fff;text-align: center;padding: 5px 10px;position: absolute;margin: 34px 0 0; z-index: 99999; }